<template>
  <div>
    <div class="bus_text bgfff" v-html="content">{{content}}</div>
    <!-- <div class="bus_btn">
            <a href="#2">登 录</a>
    </div>-->
  </div>
</template>

<script>
export default {
  data() {
    return {
      type: "",
      content: ""
    };
  },
  mounted() {
  document.querySelector('html').style.backgroundColor = "#ffffff"
    this.type = this.$route.query.id;
    this.getData();
  },
  methods: {
    getData() {
      this.$axios.post( "/wap/info/single", {
        type: this.type
      }).then(res => {
        this.content = res.data.data;
      });
    }
  }
};
</script>

<style scoped>
.bgfff {
  background-color: #fff;
  padding: 0.2rem;
}
.bus_text {
  margin-bottom: 1rem;
}
.bus_text,
.bus_text * {
  max-width: 100%;
  white-space: normal;
}
.bus_btn {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.2rem;
  background-color: #fff;
}
.bus_btn a {
  width: 100%;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #fff;
  font-size: 0.34rem;
  display: block;
  border-radius: 3px;
  background-color: #ff0000;
  text-align: center;
}
</style>
